@import './vm';
@import './common';

.content {
  padding: vw(90) 0 vw(96) 0;
  height: 100vh;

  .banner {
    position: relative;

    img {
      width: 100%;
    }
  }

  .mask-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: vw(104);
    background-color: rgba(0, 0, 0, .3);

    >p {
      margin-top: vw(24);
      margin-bottom: vw(22);
      font-size: vw(26);
      text-align: center;
    }

    .mask-text {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      padding: 0 vw(20) 0 vw(30);
      font-size: vw(17);

      .love {
        margin-right: vw(48);
        display: inline-block;

        img {
          width: vw(19);
          height: vw(18);
        }

      }

      .eye {
        display: inline-block;

        img {
          width: vw(21);
          height: vw(12);
        }
      }
    }
  }
}